<div class="zc-body">

    <div class="body-sharch-c">
        <div class="body-sharch">
            <div>
                <strong><img src="../../../../assets/img/logo/LOGO.png" alt=""> </strong>
                <span style="margin-left: 30px;">
                    <nz-tag style="font-size: 16px;" *ngFor="let tag of sharchTags; let i = index " nzMode="checkable"
                        [nzChecked]="selectedTags.indexOf(tag) > -1" (nzCheckedChange)="handleChange($event, tag , i)">
                        {{ tag }}
                    </nz-tag>
                </span>
            </div>
            <div class="sharch-tool">
                <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
                    <input type="text" [(ngModel)]='page.projectName' nz-input placeholder="请输入搜索内容" />
                </nz-input-group>
                <ng-template #suffixIconButton>
                    <button nz-button nzType="primary" nzSearch (click)='onSearch()'><i nz-icon
                            nzType="search"></i></button>
                </ng-template>
            </div>
        </div>
    </div>

    <div class="serves-icons">
        <div class="icon-c" (click)="showWindow()">
            <img src="../../../../assets/img/index/zxzx-icon.png" alt="">
            <p>在线咨询</p>
        </div>
        <div class="icon-c" style="height: 80px;width: 84px;margin: auto;" nz-button nz-popover [nzContent]="contentTemplate" nzPlacement="bottomRight">
            <img src="../../../../assets/img/index/phone-icon.png" alt="">
            <p>联系电话</p>
        </div>
        <ng-template #contentTemplate>
            <div>
                客服电话：400-8282-8888
            </div>
        </ng-template>
    </div>

    <div class="list-body">
        <router-outlet>
        </router-outlet>
    </div>

    <div class="server-list" *ngIf='isShowMsgWindow'>
        <div class="ser-c">
            <div class="list-hd">
                <span style="float: left;">-客服经理012-正在与您进行对话中...</span>
                <span style="float: right;" (click)="colseWindow()">结束对话</span>
            </div>
            <div class="msg-list-body">
                <div *ngFor="let item of datas">
                    <div *ngIf='item.type == "l"' class="l">
                        <h3>客服经理012</h3>
                        <div class="l-text">{{item.text}}</div>
                        <div style="float: right;color: #5E6C84;font-size: 12px;padding: 5px;">{{item.date}}</div>
                    </div>
                    <div class="r" *ngIf='item.type == "r"'>
                        <div class="r-text">
                            <div style="text-align: left;">{{item.text}}</div>
                        </div>
                        <div style="color: #5E6C84;font-size: 12px;">{{item.date}}</div>
                    </div>
                </div>
            </div>
            <div class="in-size">
                <textarea [(ngModel)]="setMsg" style="border: none;" name="" id="" cols="132" rows="4"
                    placeholder="输入一个消息…"></textarea>
                <div class="sub">
                    <button style="border-radius: 15px;padding: 0 30px;" nz-button nzType="primary"
                        (click)="subMsg()">发送</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <nz-modal  [(nzVisible)]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="modalFooter"
    (nzOnCancel)="handleCancel()">
    <ng-template #modalTitle>Custom Modal Title</ng-template>

    <ng-template #modalContent>
    </ng-template>

    <ng-template #modalFooter>
        <button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="isConfirmLoading">Custom Submit</button>
    </ng-template>
</nz-modal> -->